<template>
  <div class="channel">
    <Appheader :parentToChild="ymname"></Appheader>
    <swiper :swiperlist="SwiperList"></swiper>
    <!-- 页面版心 1200px -->
    <div class="version"></div>
    <Appfooter></Appfooter>
  </div>
</template>

<script>
import { rotationChart } from "../../api/index.js";
import Appheader from "./headers";
import Appfooter from "../footer";
import swiper from "./swiper";
export default {
  props: {},
  data() {
    return {
      ymname: "艺考资讯",
      SwiperList: []
    };
  },
  computed: {},
  created() {
    rotationChart()
      .then(res => {
        console.log(res);
        this.SwiperList = res.data.rows;
      })
      .catch(e => {});
  },
  mounted() {},
  watch: {},
  methods: {},
  components: { Appheader, Appfooter, swiper }
};
</script>

<style scoped>
.channel {
  background: #f4f4f4;
}
/* 页面版心 */
.version {
  margin: 22px auto 0;
  width: 1200px;
  min-width: 1200px;
}
</style>
